<html>
    <head>
        <title>Categories</title>
        <link type="text/css" rel="stylesheet" media="screen" href="jqtouch/jqtouch.css">
        <link type="text/css" rel="stylesheet" media="screen" href="themes/apple/theme.css">
        <script type="text/javascript" src="jqtouch/jquery.js"></script>
        <script type="text/javascript" src="jqtouch/jqtouch.js"></script>
	<script type="text/javascript" src="categories.js"></script>
	
        <script type="text/javascript">
            var jQT = $.jQTouch({
                statusBar: 'black'
            });
	function CheckAll(chk)
	{
		for(i =0; i < chk.length; i++)
			chk[i].checked = true;
	}
	function UnCheckAll(chk)
	{
		for (i = 0; i< chk.length; i++)
		chk[i].checked = false;
	}

		

	function get_check_value(chk)
	{
		S_value = "";
		for (i=0; i < chk.length; i++)
  		{
   			if (chk[i].checked == true)
      			{
      				s_value = s_value + chk[i].value + "\n";
      			}
   		}
	alert(s_value);
		
	}

	function set_check_value(chk)
	{
		if(s_value.length = 0)
			s_value = "academics\nathletics\nbusiness\ncultural\n";
		
		s_value = c_value.split("\n");
		
		for(i = 0; i< s_value.length; i++)
		{
			for (j = 0; j< chk.length; j++)
			{
				if( chk[j].value == s_value[i])
					chk[j].checked = true;
			}
		}
		alert(s_value);
	}
					


	
        </script>
    </head>
    <body>
	
	window.onload = set_check_value();
	window.onunload = get_check_value();
        <div id="home">
            <div class="toolbar">
                <h1>Categories</h1>
                <a class="buttonleft" href ="main-dan.html"> Back </a>
            </div>
	    <form name="myform" method="get" action="#" id="myform">
		<div class="toolbar">
			<input type="button" class=" button cancel" name="Check_All" value="Check All" onClick="CheckAll(document.myform.check_list)">
			<input type="button" class="button" name="Un_CheckAll" value="Uncheck All" onClick="UnCheckAll(document.myform.check_list)">
		</div>
	   	    
            <ul>
                
		
		<li class="arrow"> 
			 
				<span class = "toggle"> 
				<input type="checkbox" name ="check_list" checked = "true" value="academics" /> 
				</span> 
				
				<a href="#academics">
				<span style="padding-left:120px"/>Academics 
				</span>
			</a> 
		</li>
                <li class="arrow"> 
			<a href="#athletics"> 
				<span class = "toggle"> 
				<input type="checkbox" name ="check_list" checked = "true" value="athletics"  /> 
				</span> 
				<span style="padding-left:20px">
				Athletics 
				</span>
			</a>
		</li>
		<li class="arrow">
			<a href="#business">
				<span class = "toggle"> 
				<input type="checkbox" name ="check_list" checked = "true" value="business" /> 
				</span> 
				<span style="padding-left:20px">
				Business
				</span>
			</a>
		</li>
		<li class="arrow">
			<a href="#cultural">
				<span class = "toggle"> 
				<input type="checkbox" name ="check_list" checked = "true" value="cultural"  /> 
				</span> 
				<span style="padding-left:20px">
				Cultural
				</span>
			</a>
		</li>
		<li class="arrow">
			<a href="#dance">
				<span class = "toggle"> 
				<input type="checkbox" name ="check_list" checked = "true" value="dance"  /> 
				</span> 
				<span style="padding-left:20px">
				Dance
				</span>
			</a>
		</li>
		<li class="arrow">
			<a href="#medicine">
				<span class = "toggle"> 
				<input type="checkbox" name ="check_list" checked = "true" value="medicine" /> 
				</span> 
				<span style="padding-left:20px">
				Medicine
				</span>
			</a>
		</li>
		<li class="arrow">
			<a href="#music">
				<span class = "toggle"> 
				<input type="checkbox" name ="check_list" checked = "true" value="music"  /> 
				</span> 
				<span style="padding-left:20px">
				Music & The Arts
				</span>
			</a>
		</li>
		
            </ul>
	
        </form>
	
	
        <div id="academics">
            <div class="toolbar">
                <h1>Academics</h1>
                <a class="buttonleft" href="#">Back</a>
            </div>
            <ul class="edgetoedge">
                <li>Drawn from the Academics calandar on the ASSU students page.</li>
            </ul>
        </div>

         <div id="athletics">
            <div class="toolbar">
                <h1>Athletics</h1>
                <a class="buttonleft" href="#">Back</a>
            </div>
            <ul class="edgetoedge">
                <li>Drawn from the Stanford Athletics calandar on the ASSU students page.</li>
            </ul>
        </div>

	<div id="business">
            <div class="toolbar">
                <h1>Business</h1>
                <a class="buttonleft" href="#">Back</a>
            </div>
            <ul class="edgetoedge">
                <li>Events drawn from business groups across campus. </li>
            </ul>
        </div>


	<div id="cultural">
            <div class="toolbar">
                <h1>Cultural</h1>
                <a class="buttonleft" href="#">Back</a>
            </div>
            <ul class="edgetoedge">
                <li>Events drawn from various cultural student groups across campus. </li>
            </ul>
        </div>

	<div id="dance">
            <div class="toolbar">
                <h1>Dance</h1>
                <a class="buttonleft" href="#">Back</a>
            </div>
            <ul class="edgetoedge">
                <li>Events drawn from dance groups across campus. </li>
            </ul>
        </div>

	<div id="medicine">
            <div class="toolbar">
                <h1>Medicine</h1>
                <a class="buttonleft" href="#">Back</a>
            </div>
            <ul class="edgetoedge">
                <li>Events drawn from medical and pre-medical groups across campus. </li>
            </ul>
        </div>

	<div id="music">
            <div class="toolbar">
                <h1>Music & The Arts</h1>
                <a class="buttonleft" href="#">Back</a>
            </div>
            <ul class="edgetoedge">
                <li>Events drawn from music groups across campus. </li>
            </ul>
        </div>
            </body>
</html>
